<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="generator" content="Hugo 0.73.0" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Ap Chen ">
<meta name="description" content="" />
<meta name="keywords" content="blog" />
<meta name="robots" content="noodp" />

<link rel="canonical" href="https://fziks.gitee.io/" />

<meta itemprop="name" content="littlegreedy &#39;s blog">
<meta itemprop="description" content="littlegreedy &#39;s Site">
<meta property="og:title" content="littlegreedy &#39;s blog" />
<meta property="og:description" content="littlegreedy &#39;s Site" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://fziks.gitee.io/" />
<meta property="og:updated_time" content="2020-08-19T00:00:00+00:00" />

<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="littlegreedy &#39;s blog"/>
<meta name="twitter:description" content="littlegreedy &#39;s Site"/>


<link rel="apple-touch-icon" sizes="60x60" href="https://fziks.gitee.io/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://fziks.gitee.io/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://fziks.gitee.io/icons/favicon-16x16.png">
<link rel="manifest" href="https://fziks.gitee.io/icons/site.webmanifest">
<link rel="mask-icon" href="https://fziks.gitee.io/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://fziks.gitee.io/icons/favicon.ico">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-config" content="/icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">

<title>littlegreedy &#39;s blog</title>


<link rel="stylesheet" href="//at.alicdn.com/t/font_1559566_wk214kwa2dn.css">


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">



    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css" integrity="sha256-WAgYcAck1C1/zEl5sBl5cfyhxtLgKGdpI3oKyJffVRI=" crossorigin="anonymous" />
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.css" integrity="sha256-a2tobsqlbgLsWs7ZVUGgP5IvWZsx8bTNQpzsqCSm5mk=" crossorigin="anonymous" />
    
   <link href="https://stackpath.bootstrapcdn.com/bootswatch/4.4.1/materia/bootstrap.min.css" rel="stylesheet" integrity="sha384-1tymk6x9Y5K+OF0tlmG2fDRcn67QGzBkiM3IgtJ3VrtGrIi5ryhHjKjeeS60f1FA" crossorigin="anonymous">
    
    
    <link rel="stylesheet" href="https://fziks.gitee.io/sass/main_cdn.min.270b43bb8631af4497ed45b90db42c517e86c9511418de9152f134d02ed32b87.min.2192baea245cf318085511589e62bfbdb3fbe4fb0eef718f1be9af91c10542ce.css" integity="sha256-IZK66iRc8xgIVRFYnmK/vbP75PsO73GPG&#43;mvkcEFQs4=">

</head>

<body class="ready bg-site" id="page" data-gr-c-s-loaded="true">
    <header id="header-main" class="header">
    <nav class="navbar navbar-horizontal navbar-expand-lg shadow-sm navbar-light bg-white">
        <div class="container-fluid">
            <a class="navbar-brand" href="https://fziks.gitee.io/">Ap Chen</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-primary"
                aria-controls="navbar-primary" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar-primary" style>
                <ul class="navbar-nav ml-lg-auto">
                    
                    <li class="nav-item">
                        <a class="btn btn-sm btn-animated btn-animated-y" href="https://fziks.gitee.io/blog/">
                            <span class="btn-inner--visible">
                                <i class="iconfont icon-blog"></i>
                                blog
                            </span>
                            <span class="btn-inner--hidden">博客</span>
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="btn btn-sm btn-animated btn-animated-y" href="https://fziks.gitee.io/notes/">
                            <span class="btn-inner--visible">
                                <i class="iconfont icon-Notes"></i>
                                notes
                            </span>
                            <span class="btn-inner--hidden">笔记</span>
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <a class="btn btn-sm btn-animated btn-animated-y" href="https://fziks.gitee.io/about/">
                            <span class="btn-inner--visible">
                                <i class="iconfont icon-aboutus"></i>
                                about
                            </span>
                            <span class="btn-inner--hidden">关于我</span>
                        </a>
                    </li>
                    
                    <li class="nav-item">
                        <div class="dropdown">
                            <button class="btn btn-sm btn-animated btn-animated-y" type="button" id="nav-social"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="btn-inner--visible">
                                    <i class="iconfont icon-social"></i> Social
                                </span>
                                <span class="btn-inner--hidden">联系方式</span>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                
                                <a class="dropdown-item btn btn-sm btn-icon" href="https://github.com/littlegreedy/" target="_blank" rel="noopener me"
                                    title="Github">
                                    <span class="btn-inner--icon mr-2"><i class="iconfont icon-github"></i></span>
                                    Github
                                </a>
                                
                                <a class="dropdown-item btn btn-sm btn-icon" href="mailto:littlegreedy@qq.com" target="_blank" rel="noopener me"
                                    title="Email">
                                    <span class="btn-inner--icon mr-2"><i class="iconfont icon-email"></i></span>
                                    email
                                </a>
                                
                            </div>
                        </div>
                    </li>
                    <li class="nav-item">
                        <div class="dropdown">
                            <button class="btn btn-sm btn-animated btn-animated-y" type="button" id="nav-menu"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <span class="btn-inner--visible">
                                    <i class="iconfont icon-more"></i> Extra
                                </span>
                                <span class="btn-inner--hidden">其他内容</span>
                            </button>
                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                
                                <a class="dropdown-item btn btn-sm btn-animated btn-animated-x"
                                    href="https://fziks.gitee.io/bangumi/">
                                    <span class="btn-inner--visible">
                                        <i class="iconfont icon-bilibili-line"></i> bangumi
                                    </span>
                                    <span class="btn-inner--hidden">追番列表</span>
                                </a>
                                
                                <a class="dropdown-item btn btn-sm btn-animated btn-animated-x"
                                    href="https://fziks.gitee.io/friends/">
                                    <span class="btn-inner--visible">
                                        <i class="iconfont icon-friend"></i> friends
                                    </span>
                                    <span class="btn-inner--hidden">友链</span>
                                </a>
                                
                                <a class="dropdown-item btn btn-sm btn-animated btn-animated-x"
                                    href="https://fziks.gitee.io/slides/">
                                    <span class="btn-inner--visible">
                                        <i class="iconfont icon-resources"></i> resources
                                    </span>
                                    <span class="btn-inner--hidden">资源</span>
                                </a>
                                
                                <a class="dropdown-item btn btn-sm btn-animated btn-animated-x"
                                    href="https://fziks.gitee.io/search/">
                                    <span class="btn-inner--visible">
                                        <i class="iconfont icon-search"></i> Search
                                    </span>
                                    <span class="btn-inner--hidden">站内搜索</span>
                                </a>
                                
                                <a class="dropdown-item btn btn-sm btn-animated btn-animated-x"
                                    href="https://fziks.gitee.io/portal/">
                                    <span class="btn-inner--visible">
                                        <i class="iconfont icon-iconentrance"></i> Portal
                                    </span>
                                    <span class="btn-inner--hidden">自定门户</span>
                                </a>
                                
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>

    
<main id="main" class="my-3">
    <section class="section-half-rounded">
        <div class="jumbotron section-inner left-0 rounded-right bg-gradient-blue overflow-hidden col-lg-9">
            <img src="https://cdn.jsdelivr.net/gh/littlegreedy/zero/images/intern/350.jpg" alt="Image" class="img-as-bg blend-mode--multiply">
        </div>
        <div class="container text-center text-lg-left py-5">
            <div class="row">
                <div class="col-lg-7 ml-auto">
                    <div class="card shadow-lg rounded-lg mb-0">
                        <div class="card-body px-5 py-6">
                            <h2 class="h1 font-weight-bold mb-3">
                                
                                <canvas id="welcome-canvas" class="welcome-canvas"></canvas>
                                
                            </h2>
                            <p class="lead lh-180">
                                欢迎访问Ap Chen的博客
                            </p>
                            <div class="mt-3">
                                <a href="https://fziks.gitee.io/blog/" class="btn btn-success btn-icon shadow-sm hover-translate-y-n3 mt-3">
                                    <span class="btn-inner--icon"><i class="iconfont icon-blog"></i>
                                    </span>
                                    <span class="btn-inner--text">Blog</span>
                                </a>
                                <a href="https://fziks.gitee.io/notes/" class="btn btn-info btn-icon shadow-sm hover-translate-y-n3 mt-3">
                                    <span class="btn-inner--icon"><i class="iconfont icon-Notes"></i></span>
                                    <span class="btn-inner--text">Notes</span>
                                </a>
                                <a href="https://fziks.gitee.io/about/" class="btn btn-dark btn-icon shadow-sm hover-translate-y-n3 mt-3">
                                    <span class="btn-inner--icon"><i class="iconfont icon-aboutus"></i> </span>
                                    <span class="btn-inner--text">About</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>


    
        <footer id="footer-main">
    <div class="footer-light">
        <div class="container px-0">
            <div class="row align-items-center justify-content-md-between py-4 mt-4 mx-0">
                <div class="col-md-4 mb-3 mb-md-0">
                    <div class="copyright font-weight-bold text-center text-sm text-md-left">
                        <i class="iconfont icon-copyright ficon"></i>
                        2019 - 2020, littlegreedy . All rights reserved.</div>
                </div>
                <div class="col-md-8 d-print-none">
                    <ul class="nav align-items-center justify-content-center justify-content-md-end">
                        <li class="nav-item">
                            <a class="nav-link" href="https://fziks.gitee.io/blog/index.xml" target="_blank">
                                <i class="iconfont icon-rss"></i>
                                Atom Feed
                            </a>
                        </li>
                    
                        <ul class="nav align-items-center justify-content-center justify-content-md-end">
                            <li class="nav-item">
                                <a class="nav-link" href="http://beian.miit.gov.cn" target="_blank">
                                    <i class="iconfont icon-ICPbeianfuwu"></i>
                                    waiting
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="http://beian.miit.gov.cn" target="_blank">
                                    <i class="iconfont icon-beian"></i>
                                    waiting
                                </a>
                            </li>
                        </ul>
                    </ul>
                </div>
            </div>
        </div>
</footer>
        <script
    src="https://code.jquery.com/jquery-3.4.1.min.js"
    integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
    crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script><script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>

<script type="text/javascript" src="https://fziks.gitee.io/custom.min.d3e1b7647f32dbe7e0140398739a26dad3f3470fc1eebe0741ef33668f1b7bd0b2917dc6efb9f0d9f1092b91dca502cab1b883863f02530133a8a8ef609926af.js" integrity="sha512-0&#43;G3ZH8y2&#43;fgFAOYc5om2tPzRw/B7r4HQe8zZo8be9CykX3G77nw2fEJK5HcpQLKsbiDhj8CUwEzqKjvYJkmrw=="></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script><script type="text/javascript" src="https://fziks.gitee.io/leon.min.b7efd5615eb3616ba5f20d5940de7b6c87f8d88b3083cee491610a88191bfc9576d9f3df8c2618580eaa04545c71431f427e3194024d1e7f4f181527630d43a5.js" integrity="sha512-t&#43;/VYV6zYWul8g1ZQN57bIf42Iswg87kkWEKiBkb/JV22fPfjCYYWA6qBFRccUMfQn4xlAJNHn9PGBUnYw1DpQ=="></script><script type="text/javascript">
let leon, canvas, ctx;

const sw = 350;
const sh = 100;
const pixelRatio = 2;

function init() {
    canvas = document.getElementById('welcome-canvas');
    ctx = canvas.getContext("2d");

    canvas.width = sw * pixelRatio;
    canvas.height = sh * pixelRatio;
    canvas.style.width = sw + 'px';
    canvas.style.height = sh + 'px';
    ctx.scale(pixelRatio, pixelRatio);

    controll = {
        box: false,
        grids: false,
        points: false,
        drawing: () => {
            let i, total = leon.drawing.length;
            for (i = 0; i < total; i++) {
                TweenMax.killTweensOf(leon.drawing[i]);
                TweenMax.fromTo(leon.drawing[i], 2, {
                    value: 0
                }, {
                    value: 1,
                    ease: Power4.easeOut
                });
            }
        }
    };

    leon = new LeonSans({
        text: 'Welcome',
        color: [
            ['#64d3ce', '#2a92ce'],
            ['#e7c4c4', '#fd46aa', '#e1ea73', '#ff8974'],
            ['#aae898', '#8ad781'],
            ['#64d3ce', '#2a92ce'],
            ['#e7c4c4', '#fd46aa', '#e1ea73', '#ff8974'],
            ['#64d3ce', '#2a92ce'],
            ['#aae898', '#8ad781']
        ],
        size: 80,
        weight: 300
    });

    requestAnimationFrame(animate);
}

function animate(t) {
    requestAnimationFrame(animate);

    ctx.clearRect(0, 0, sw, sh);

    const x = (sw - leon.rect.w) / 2;
    const y = (sh - leon.rect.h) / 2;
    leon.position(x, y);

    leon.draw(ctx);
}

window.onload = () => {
    init();
    let i, total = leon.drawing.length;
    for (i = 0; i < total; i++) {
        TweenMax.fromTo(leon.drawing[i], 1.6, {
            value: 0
        }, {
            delay: i * 0.05,
            value: 1,
            ease: Power4.easeOut
        });
    }
};
</script><script id="dsq-count-scr" src="//your%20site%20name%20on%20disqus.disqus.com/count.js" async></script>   
    
</body>

</html>